import {messages} from "share/common";
import React from 'react'
import { connect } from 'react-redux'

import { Tabs, Table, Badge, Button, Popover, message, Alert } from 'antd';
import SearchArea from 'components/search-area'
const TabPane = Tabs.TabPane;
import menuRoute from 'routes/menuRoute'

class WaitForBillingJd extends React.Component {
  constructor(props) {
    super(props);
    
    this.state = {
      tabs: [
        {key: 'approving', name:'待审核'},
        {key: 'approved', name:'审核通过'}
      ]
    };
  }

  componentWillMount(){

  }

  renderTabs = () => {
    return (
      this.state.tabs.map(tab => {
        return <TabPane tab={tab.name} key={tab.key}/>
      })
    )
  };

  onChangeTabs = (key) => {

  };

  render(){
    
    const { status } = this.state;
    const alertMessage = '金采信用额度：CNY 300.00  |  授信额度：CNY 300.00  |  可用额度：CNY 300.00 |  待还款总额：CNY 300.00 |  违约金：CNY 300.00';
    return (
      <div className="wait-for-billing-list">
        <Tabs defaultActiveKey={status} onChange={this.onChangeTabs} type="card">
          {this.renderTabs()}
        </Tabs>
        <Alert message={alertMessage} type="info" showIcon />
      </div>
    )
  }

}

WaitForBillingJd.contextTypes = {
  router: React.PropTypes.object
};

function mapStateToProps() {
  return {}
}

export default connect(mapStateToProps)(WaitForBillingJd);
